مرورگر شما از کد هاي جاوا اسکريپت پشتيباني نمي کند. شما مي بايست مرورگر خود را تعويض و يا جاوا اسکريپت آن را فعال کنيد.
این منو بسیار زیبا و کاربردی است. شما می توانید دمو را ببینید.
سایت سان تولز ارائه دهنده این ابزار می باشد. این منو با تمامی مرورگر ها حتی IE سازگاری دارد.
توجه : address را با آدرس مورد نظر خود تعویض کنید.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style> .WebYar-ul,.WebYar-ul{ list-style:none outside none; margin:0 0 0 0; padding:0 0 0 0; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } .WebYar-ul ul{ position:relative; top:-500px; left:0px; overflow:hidden; z-index:-100px; list-style:none outside none; margin:0 0 0 0; padding:0 0 0 0; } .WebYar-ul li{ float:right; display:block; position:relative; direction:rtl; text-align:center; border:thin #fff groove; background:#444; color:#fff; padding:5px; height:20px; width:100px; } .WebYar-ul li:hover{ background:#000; } .WebYar-ul li:hover a{ color:#00B4FF } .WebYar-ul li:hover ul{ top:0px; left:0px; overflow:visible; width:100px; } .WebYar-ul li a{ color:#fff; text-decoration:none; } .WebYar-ul ul li{ width:100%; } .WebYar-ul li a{ float:none; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } .WebYar-ul ul li:hover > a { color: #fff; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } </style> </head> <body> <a href="http://suntools.ir/"> </a> <ul class="WebYar-ul"> <li><a href="address">صفحه اول</a></li> <li><a href="address">منوی 1</a> <ul> <li><a href="address">منوی 1-1</a></li> <li><a href="address">منوی 1-2</a></li> <li><a href="address">منوی 1-3</a></li> </ul> </li> <li><a href="address">منوی 2</a></li> <li><a href="address">منوی 3</a></li> <li><a href="address">منوی 4</a></li> <li><a href="address">منوی 5</a></li> <li><a href="address">منوی 6</a></li> </ul> <a href="http://suntools.ir/">SunTools</a> </body> </html> <a href="http://suntools.ir/"> </a>
بازديد :15627 مرتبط با : ابزار های وبلاگ برچسب ها : ابزار منو آبشاری برای وبلاگ و سایت ها- کد ابزار منو آبشاری برای وبلاگ و سایت ها- ابزار منو آبشاری بسیار زیبا برای وبلاگ و سایت ها-
آمار مطالب
» کل ابزار ها : 
» کل قالب ها : 
